<script setup>
    import { useUserStore } from '@/stores'
    const userStore = useUserStore()

    import student from '@/views/report/student.vue'
    import teacher from '@/views/report/teacher.vue'
    import manager from '@/views/report/manager.vue'
</script>

<template>
    <div class="report-show">
        <div v-if="userStore.userInfo.id.length >= 11">
            <student></student>
        </div>
        <div v-if="userStore.userInfo.id.length > 3 && userStore.userInfo.id.length < 11">
            <teacher></teacher>
        </div>
        <div v-if="userStore.userInfo.id.length <= 3" class="aa">
            <manager></manager>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.report-show {
    height: 100%;
}
.aa {
    height: 100%;
}
</style>